<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="main">
        <div class="box"><p>我是段落标签</p></div>
        <div class="box"><p>我是段落标签</p></div>
        <div class="box"><p>我是段落标签</p></div>
    </div>
    <input type="text" name="sex">
    <input type="text" name="age">
</body>
<script>
    // 获取 id 属性值为 main 的元素
    var doc1=document.getElementById('main'); 
    console.log(doc1);

    // 获取标签名为 p 的元素
    var doc2=document.getElementsByTagName('p'); 
    console.log(doc2);

    // 获取 class 属性值包含 box 类名的元素
    var doc3=document.getElementsByClassName('box');
    console.log(doc3);

    // 获取标签名为 input 的元素
    var doc4=document.getElementsByTagName('input');
    console.log(doc4);
</script>
</html>